// 入口函数
$(function () {
    // 点击“去注册”
    $('#link_reg').on('click',function() {
        // console.log(34);
        // 隐藏登录表单
        $('.login-box').hide()
        // 显示注册表单
        $('.reg-box').show()
    })
    // 点击“去登陆”
    $('#link_login').on('click',function() {
        // console.log(34);
        // 隐藏注册表单
        $('.reg-box').hide()
        // 显示登录表单
        $('.login-box').show()
    })
    // 自定义验证表单内容
    layui.form.verify({
        pwd:[/^\S{6,12}$/,'密码必须为6~12位的字符'],
        repwd:function(value,item) {
            // value为表单的内容
            // item为添加此正则的DOM对象
            var password = $('#form_reg [name=password]').val().trim()
            // console.log(password);
            // console.log(value);
            if (value !== password) {
                return '两次密码不一致'
            }
        }
    })
    // 注册功能
    $('#form_reg').on('submit',function (e) {
        // 阻止表单的默认提交行为
        e.preventDefault()
        console.log(34);
        
        // 获取表单的内容
        var username = $('#form_reg [name=username]').val().trim()
        var password = $('#form_reg [name=password]').val().trim()
        var repassword = $('#form_reg [name=repassword]').val().trim()
        // console.log(username,password,repassword);
        // 验证表单内容
        
        // 用接口提交数据到后台
        $.ajax({
            method:'POST',
            url:'/api/reguser',
            data:{
                username,
                password
            },
            success(res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message,{icon:5})
                }
                layui.layer.msg(res.message,{icon:6},function() {
                    $('#link_login').click()
                })
            }
        })
    })
    // 登录功能
    $('#form_login').on('submit',function(e) {
        // 阻止表单默认的提交功能
        e.preventDefault()
        // 获取表单内容
        var data = $(this).serialize()
        // console.log(data);
        $.ajax({
            method:'POST',
            url:'/api/login',
            data,
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message,{icon:5})
                }else {
                    layui.layer.msg(res.message,{icon:6},function() {
                        localStorage.setItem('token',res.token)
                        location.href = 'index.html'
                    })
                }
            }
        })
    })
})